<template>
  <el-container>
    <!-- 头部标题 -->
    <el-header>小U商城后台管理系统</el-header>
    <el-container>
      <!-- 左侧菜单 -->
      <el-aside width="200px">
        <!-- 导航组件 -->
      <v-menu></v-menu>
      </el-aside>
      <!-- 右侧内容 二级路由出口 -->
      <el-main>
        <router-view> </router-view>
      </el-main>
    </el-container>
  </el-container>
</template>
<script>
import vMenu from "@/components/vMenu.vue"
export default {
   components:{
      vMenu
   }
};
</script>
  <!-- 
    1.大框架确定好，确定每个小块的内容，简单的布局
    2.左侧导航（组件）
   -->
<style scoped>
.el-header {
  background: rgb(81, 142, 203);
  color: #fff;
  font-size: 24px;
  line-height: 60px;
}
.el-aside {
  background: rgb(61, 95, 129);
  height: calc(100vh - 60px);
}
</style>